<template>
    <!-- <v-row class="mx-auto w-50">
        <v-col cols="4" v-for="item in data.list" block>
            <v-btn block>第{{ item }}个</v-btn>
        </v-col>
    </v-row>
    <v-row no-gutters>
        <v-col cols="6">
            <v-btn block color="success">World 1</v-btn>
        </v-col>

        <v-col cols="6">
            <v-btn block color="success">World 2</v-btn>
        </v-col>
    </v-row> -->
    <v-card color="grey darken-4" class="mx-auto" width = "50%" @click="clickCard()">
        <v-card-title>test</v-card-title>
    </v-card>
    <NavigationDrawerBottom :sheet = !data.sheet></NavigationDrawerBottom>
</template>

<script setup lang='ts'>
import { onBeforeMount, reactive } from 'vue'
import { create } from 'domain';
import { ApiTest } from '../axios/apiTest'
import NavigationDrawerBottom from './NavigationDrawerBottom.vue'
let data = reactive<{
    list: Array<String>,
    sheet:boolean
}>({
    list: [], sheet: false
});
function clickCard() {
    console.info('点击了卡片')
}
components:{NavigationDrawerBottom}
onBeforeMount: {
    ApiTest().then(res => {
        console.log('2:', res.data);
        data.list = res.data
    })
}
</script>